<html>
<head>
	<script src="jquery-3.2.0.min.js"></script>
	<style type="text/css">
	a:hover{color:#AAF30C;}
	li:last-child{color:red;}
	li:nth-child(3){color:#FF08BA;}
	li:first-child{color:blue;}
	h1{position:fixed;}
	a:hover{position:relative; left:10px; top:10px;}
	.sett{float:right;margin-right:10px;text-align:center;}
	.sett ul {float:left;margin:0;}
	.sett ul li{list-style:none;border-right:1px solid #069;border-top:1px solid #069;padding:5px;float:left;position:relative;background-color:#bbb;}
	.sett ul li:first-child{border-left:1px solid #069;}
	
	</style>
</head>
<body background="/Users/km/Downloads/2-120626152438.jpg">
	<h1><a href="https://www.baidu.com">链接世界</a></h1>
	<div class="sett">
	<ul>
	<li>世界还好吗
		<ul>
		<li>不错1</li>
		<li>还好吧2</li>
		<li>古湖3</li>
		</ul>
	</li>
	<li>世界还好吗</li>
	<li>世界还好吗</li>
	<li>世界还好吗</li>
	<li>世界还好吗</li>
	</ul>
	</div>
<p>jquery隐藏元素的用法:$("li-nth-child(2)").hide() //隐藏列表第二行</p>

<p>然而与hide对应的方法为show</p>
</body>
</html>
